<template>
  <basic-container>
    <avue-crud v-bind="bindVal"
               v-on="onEvent"
               v-model="form"
               :page.sync="page">
    </avue-crud>
    <!-- <mcrud :option="option" :data="data1"></mcrud> -->
  </basic-container>
  
</template>
<script>

export default window.$crudCommon({
  data () {
    return {
      form: {},
      page: {
        currentPage: 1,
        pageNumber: 1,//页码
        pageSize: 10,//页数
        total: 100,//总页数
      }
    }
  },
  methods: {
    //列表前操作方法
    listBefore(){},
    //列表后操作方法
    listAfter(){},
    //新增前操作方法
    addBefore () {
      this.form.createUser = 'small'
    },
    //新增后操作方法
    addAfter() {},
    //修改前操作方法
    updateBefore () {
      this.form.updateUser = 'small'
    },
    //修改后操作方法
    updateAfter() {},
    //删除前操作方法
    delBefore () {},
    //删除后操作方法
    delAfter() {},
  }
}, {
  name:'crud',//模块名字
  list: 'list',//列表接口名字
  update: 'update',//更新接口名字
  add: 'add',//新增接口名字
  del: 'del',//删除接口名字
  rowKey: 'id',//主键
  res:(data)=>{
    return {
      total:100,
      data:[
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0},
        {name: 'zjy', sex: 0}
      ]
    }
  },//列表的结构
  data: 'list'//列表属性
})
</script>